div.container{
  position:absolute;
  top:45px;
  left:110px;
  font-size: 9pt;
  display:block;
  height:100px;
  width:187px;
  background-color:transparent;
  display: none;
  border:1px solid #C8C8C8;
  z-index: 999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
}
.container s{
  position:absolute;
  top:-20px;
  *top:-22px;
  left:55px;
  display:block;
  height:0;
  width:0;
  font-size: 0;
  line-height: 0;
  border-color:transparent transparent #C8C8C8 transparent;
  border-style:dashed dashed solid dashed;
  border-width:10px;
}
.container m{
  position:absolute;
  top:-9px;
  *top:-9px;
  left:-10px;
  display:block;
  height:0;
  width:0;
  font-size: 0;
  line-height: 0;
  border-color:transparent transparent #fff transparent;
  border-style:dashed dashed solid dashed;
  border-width:10px;
}
.container .content{
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  position:absolute;
  background-color:#fff;
  width:100%;
  height:100%;
  padding:5px;
  *top:-2px;
  *border-top:1px solid #C8C8C8;
  *border-top:1px solid #C8C8C8;
  *border-left:none;
  *border-right:none;
  *height:102px;
  box-shadow: 3px 3px 4px #999;
  -moz-box-shadow: 3px 3px 4px #999;
  -webkit-box-shadow: 3px 3px 4px #999;
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
}

.userDiv{
  position:absolute;
  top:25px;
  font-size: 9pt;
  display:block;
  width:100%;
  background-color:transparent;
  display: none;
}
.userLi{
  text-align: left;
  display: inline-block;
  width: 80%;
  margin-left: 1rem;
  box-sizing: border-box;
  font-size: 14px;
}
div.userContainer{
  float: right;
  margin-right: 10px;
  font-size: 9pt;
  display:block;
  height:110px;
  width:100px;
  background-color:transparent;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
}
.userContainer s{
  float: right;
  top:-20px;
  *top:-22px;
  left:55px;
  display:block;
  height:0;
  width:0;
  font-size: 0;
  line-height: 0;
  border-color:transparent transparent #C8C8C8 transparent;
  border-style:dashed dashed solid dashed;
  border-width:10px;
  margin-right:40px;
  margin-top: -75px;
}
.userContainer m{
  float: right;
  top:-9px;
  *top:-9px;
  left:-10px;
  display:block;
  height:0;
  width:0;
  font-size: 0;
  line-height: 0;
  border-color:transparent transparent #fff transparent;
  border-style:dashed dashed solid dashed;
  border-width:10px;
  margin-right: -10px;
  margin-top: -9px;
}
.userContainer .content{
  float: right;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background-color:#fff;
  width:100%;
  height:50%;
  padding:5px;
  *top:-2px;
  *border-top:1px solid #C8C8C8;
  *border-left:none;
  *border-right:none;
  *height:102px;
  box-shadow: 3px 3px 4px #999;
  -moz-box-shadow: 3px 3px 4px #999;
  -webkit-box-shadow: 3px 3px 4px #999;
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
  border:1px solid #C8C8C8;
  margin-top: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
}

header, .headerMenu {
  float: right;
  text-align: right;
  font-size: 1.6rem;
  color: #fff;
  font-weight: lighter;
  width: 50%;
  left: 0;
  top: 0;
  line-height: 5rem;
}
header, .headerMenuLeft {
  float: left;
  text-align: left;
  font-size: 1.6rem;
  color: #fff;
  font-weight: lighter;
  width: 50%;
  left: 0;
  top: 0;
  padding-left: 1.5rem;
  line-height: 5rem;
}

header a, .headerMenuLeft a {
  color: #fff;
  font-weight: normal;
}

header a, .headerMenu a {
  color: #fff;
  margin: 0 1.5rem;
  font-weight: normal;
}

header a img, .headerMenu a img {
  margin-right: .5rem;
  vertical-align: middle;
  width: 3rem;
  height: 3rem;
}

@media screen and (max-width: 480px) {
    div.container{position:absolute;
    top:40px;
    left:75px;
    font-size: 9pt;
    display:block;
    height:48px;
    width:82px;
    background-color:transparent;
    display: none;
  }
  .container s{
    position:absolute;
    top:-20px;
    *top:-22px;
    left:30px;
    display:block;
    height:0;
    width:0;
    font-size: 0;
    line-height: 0;
    border-color:transparent transparent #C8C8C8 transparent;
    border-style:dashed dashed solid dashed;
    border-width:10px;
  }
  .container m{position:absolute;
    top:-9px;
    *top:-9px;
    left:-10px;
    display:block;
    height:0;
    width:0;
    font-size: 0;
    line-height: 0;
    border-color:transparent transparent #fff transparent;
    border-style:dashed dashed solid dashed;
    border-width:10px;
  }

  .container .content{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    background-color:#fff;
    width:100%;
    height:100%;
    padding:5px;
    *top:-2px;
    *border-top:1px solid #C8C8C8;
    *border-left:none;
    *border-right:none;
    *height:102px;
    box-shadow: 3px 3px 4px #999;
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
  }
  .userLi{
    text-align: left;
    display: inline-block;
    width: 80%;
    margin-left: 0.5rem;
    box-sizing: border-box;
    font-size: 12px;
  }
  div.userContainer{
    float: right;
    margin-right: 10px;
    font-size: 9pt;
    display:block;
    height:100px;
    width:100px;
    background-color:transparent;
  }

  .userContainer s{
    float: right;
    top:-20px;
    *top:-22px;
    left:55px;
    display:block;
    height:0;
    width:0;
    font-size: 0;
    line-height: 0;
    border-color:transparent transparent #C8C8C8 transparent;
    border-style:dashed dashed solid dashed;
    border-width:10px;
    margin-right:40px;
    margin-top: -59px;
  }
  .userContainer .content{
    float: right;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#fff;
    width:75%;
    height:39%;
    padding:5px;
    *top:-2px;
    *border-top:1px solid #C8C8C8;
    *border-left:none;
    *border-right:none;
    *height:102px;
    box-shadow: 3px 3px 4px #999;
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    border:1px solid #C8C8C8;
    margin-top: 18px;
  }

  .userContainer ul{
    line-height: 14px;
  }
}